body{
    background: #ebeff3;
    width:100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x:hidden;
}
.header-top{
    background: #2e80c4;
    color: #fff;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    padding-left:26px;
}
.header-right{
    padding-right:15px;
    font-size:12px;
    margin-top:12px;
}
.header-right ul li{
    float: left;
    padding:0 10px;
    height:30px;
    line-height: 30px;
    background: #378ac6;
    border:1px solid #1a75bc;
    margin-right:9px;
    cursor: pointer;
}
.header-right ul li.changePassword{
    background: url("../images/icon3.png") 6px center no-repeat;
    display: inline-block;
    padding-left: 30px;
}
.header-right ul li.layout{
    background: url("../images/icon2.png") 6px center no-repeat;
    display: inline-block;
    padding-left: 30px;
}
.header-right ul li.system{
    background: url("../images/icon1.png") 6px center no-repeat;
    display: inline-block;
    padding-left: 30px;
}
.container{
    width: 100%;
    display: flex;
    height: calc(100% - 54px);
}
.side-left{
    width:140px;
    background: #0e3750;
    position: relative;
}
.show-hide-btn{
    position: absolute;
    top:3px;
    right: 5px;
    color: #ffffff;
    background: #0e3750;
    cursor: pointer;
    font-size: 16px;
}
.side-photo{
    width:100%;
    text-align: center;
    color: #fff;
    padding:8px 0;
    background: #0e3750;
}
.side-state{
    background: url("../images/icon4.png") 38px 3px no-repeat;
}
.side-list{
    background: #195e89;
    height: calc(100% - 140px);
}
.side-list .nav-parent-ul{
    height: 93.5%;
    overflow: hidden;
}
.side-list ul li{
    height: 52px;
    line-height: 52px;
    padding-left:16px;
    background: url("../images/border-line.png") bottom center repeat-x;
    color: #fff;
    position: relative;
    cursor: pointer;
}
.side-list ul li.hoverList{
    background: #0f3852;
}
.side-list ul li:hover{
    background: #2e80c4;
}
.side-list ul li i{
    height: 100%;
    width: 3px;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
}
.side-list ul li .icon{
    width:24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 9px;
    margin-right: 6px;
}
.icon-home{
    background: url("../images/home.png") 0 0 no-repeat;
}
.icon-info{
    background: url("../images/info.png") 0 0 no-repeat;
}
.icon-check{
    background: url("../images/sh.png") 0 0 no-repeat;
}
.icon-analyze{
    background: url("../images/jafx.png") 0 0 no-repeat;
}
.icon-infoSearch{
    background: url("../images/xc.png") 0 0 no-repeat;
}
.i-line-home{
    background: #509AAD;
}
.i-line-info{
    background: #AE132E;
}
.i-line-check{
    background: #B77922;
}
.i-line-analyze{
    background: #FFBE39;
}
.i-line-infoSearch{
    background: #73AF38;
}
.side-right{
    width: calc(100% - 140px);
    height: 100%;
}
.side-top{
    height: 51px;
    background: url("../images/bg_top.png") 0 0 no-repeat;
    line-height: 51px;
    padding-left:20px;
}
.side-top span{
    background: url("../images/icon5.png") 0px center no-repeat;
    display: inline-block;
    position: relative;
    padding-left: 24px;
}
.side-more{
    background: url("../images/more.png") center center no-repeat;
    width: 100%;
    text-align: center;
    margin: 5px auto;
    height: 28px;
    cursor: pointer;
    display: none;
}
.side-more .more-left-icon{
    float: left;
    width: 35%;
    position: relative;
    top:2px;
}
.side-more .more-right-icon{
    float: right;
    width: 35%;
}
.side-more .more-icon-cms{
    display: none;
    color: #dddddd;
}
.side-content{
    padding: 10px;
    box-sizing: border-box;
    background: #ebeff3;
    height: calc(100% - 51px);
}
.side-content-date{
    display: flex;
    height: 15%;
}
.side-box{
    background: #fff;
    height:auto;
    border:1px solid #dadee1;
    width:33%;
    margin-right:0.5%;
    display: flex;
}
/*信息登记展开*/
.info-spread{
    position: absolute;
    right: -142px;
    background: #fff;
    border: 1px solid #f2f2f2;
    z-index: 100;
    top: -3px;
    width: 140px;
}
.info-spread ul li{
    height: 46px;
    line-height: 46px;
    border: none;
    color: #333;
    padding: 0 10px;
}
.info-spread ul li:hover{
    background: #a1daf4;
}
.icon-info1{
    background: url("../images/dj.png") 0 0 no-repeat;
}
.icon-info2{
    background: url("../images/ydj.png") 0 0 no-repeat;
}
.side-box:last-child{
    margin-right:0;
}
.side-box-icon{
    width: 80px;
    background: #ffb53e url("../images/icon6.png") center center no-repeat;
    height: 100%;
}
.side-box-icon1{
    width: 80px;
    background: #2e80c4 url("../images/icon7.png") center center no-repeat;
    height: 100%;
}
.side-box-icon2{
    width: 80px;
    background: #e86060 url("../images/icon8.png") center center no-repeat;
    height: 100%;
}
.side-cont-left{
    width:70%;
}
.side-cont-right{
    width:calc(30% - 10px)
}
.side-cont-left,.side-cont-right{
    height:100%;
}
.side-cont-left .side-template{
    height: 48.3%;
    overflow-y: hidden;
}
.side-template{
    width: 100%;
    border:1px solid #dadee1;
    background: #fff;
    margin-top:10px;
    padding:4px 10px;
    box-sizing: border-box;
}
.side-template .template-list{
    height: calc(100% - 34px);
    overflow: hidden;
}
.side-calendar-cms-button{
    margin-top:3%;
}
.side-cont-right .side-template{
    height: 38.5%;
}
.side-cont-right .side-calendar-box{
    height: 58%;
    padding: 0;
}
.template-title{
    color: #6379a4;
    font-size: 16px;
    border-width:0 0 3px 0;
    border-style: solid;
    border-color: #f1ae4e;
    padding-bottom: 10px;
}
.pending-overdue{
    border-color: #6f9bd2;
}
.pending-message{
    border-color: #cb2f2d;
}
.private-message{
    border-color: #6da73d;
}
.template-title i{
    float: right;
    font-size:12px;
}
.template-list ul li{
    padding:6px 0;
    display: flex;
}
.template-list ul li span:first-child{
    width:calc(100% - 90px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	display:inline-block;
	margin-right:10px;
}
.side-template-left{
    width:49%;
    margin-right:2%;
    height: 100%;
}
.side-template-right{
    width:49%;
    height: 100%;
}
.side-content-list{
    height: calc(100% - 15%);
}
.side-calendar{
    height: 80%;
}
.side-box-one{
    padding:25px 10px;
    width: 40%;
	box-sizing:border-box;
}
.side-box .side-box-two{
    margin: 5px;
    width: 45%;
    background-color:#F3E9D9;
    padding: 25px 10px;
	box-sizing:border-box;
}
.side-box .title-num{
    width: 45%;
    float: left;
}
.side-box .title{
    font-size: 16px;
    font-weight: bold;
    color: #5E666B;
}
.side-box .y_title{
    color: #FFBE39;
}
.side-box .r_title{
    color: #EA6059;
}
.side-box .b_title{
    color: #4A73B6;
}
.side-box .num{
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    line-height: 30px;
    vertical-align: middle;
}

.cicle-box {
    float: left;
    min-width: 60px;
    min-height: 60px;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
    /*overflow: hidden;*/
}
.cicle-box-70{
    min-width: 70px;
    min-height: 70px;
}
.cicle-box-y{
    background: #FAC938;
}
.cicle-box-b{
    background: #4A73B6;
}
.cicle-box-r{
    background: #EA6059;
}


.cicle-box .inner {
    width: 80%;
    height: 80%;
    background: #F3E9D9;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40%;
    margin-top: -40%;
    text-align: center;
    line-height: 50px;
}
.cicle-box .inner-60{
    line-height: 60px;
    background-color: #ffffff;
}

.cicle-box .load_left, .cicle-box .load_right {
    position: absolute;
    overflow: hidden;
}

.cicle-box .load_left {
    top: 0;
    left: 0;
    border-top-left-radius: 100% 45%;
    border-bottom-left-radius: 100% 45%;
    transform-origin: 100% 50%;
}
.cicle-box .load_right {
    top: 0;
    left: 50%;
    border-top-right-radius: 100% 45%;
    border-bottom-right-radius: 100% 45%;
    transform-origin: 0 50%;
}

.cicle-box .load_left span {
    border-top-left-radius: 100% 50%;
    border-bottom-left-radius: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rot_left 10s linear 1;
    animation: rot_left 10s linear 1;
}
.cicle-box .oad_right span {
    top: 0;
    right: 0%;
    border-top-right-radius: 100% 50%;
    border-bottom-right-radius: 100% 50%;
    transform-origin: 0 50%;
}
.cicle-load-60{
    background-color: #ffffff;
    min-width: 30px;
    min-height: 60px;
}
.cicle-load-70{
    background-color: #FCF0DE;
    min-width: 35px;
    min-height: 70px;
}
.side-calendar-cms{
    height: calc(100% - 80%);
    overflow: hidden;
}
.side-calendar-cms-box{
    margin-left: 15px;
    width: 65%;
}
.side-calendar-cms-content{
    border-left: 3px solid #5279B8;
    padding-left: 10px;
    margin-top: 10px;
    color: #CFC6B8;
}
.side-calendar-cms-line{
    margin-top: 5px;
    border-bottom: 1px dashed #A0998E;
}
side-calendar-cms-button{
    margin-top:7px;
    cursor: pointer;
}
@media (min-width:1366px) and (max-width: 1439px) {
    .side-box{margin-right:0.5%;}
    .side-calendar-cms-button{
        margin-top:0;
    }
	.side-box-icon,.side-box-icon1,.side-box-icon2{
		width:54px;
	}
    .side-box .side-box-two{
        padding:3px 10px;
    }
    .side-box-one{
        padding:10px;
    }
    .side-calendar-cms-content{margin-top: 14px;}
    .cicle-box-70{min-width:60px;min-height: 60px;}
    .cicle-load-70{min-width:30px;min-height: 60px;}
    .side-calendar-cms-button img{width:4rem;margin-right:10px;}
}
@media (min-width:1440px) and (max-width: 1600px){
    .side-box{margin-right:0.5%;}
    .side-calendar-cms-button img{width:4rem;margin-right:10px;}
    .side-box-icon,.side-box-icon1,.side-box-icon2{
        width:54px;
    }
    .side-box .side-box-two{
        padding:10px;
    }
    .side-box-one{
        padding:18px 10px;
    }
    .cicle-box-70{min-width:60px;min-height: 60px;}
    .cicle-load-70{min-width:30px;min-height: 60px;}
    .side-calendar-cms-content{margin-top:5px;}
}